<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <!--{include file='comm/header.tpl'}-->
    <title>区域管理列表</title>
</head>
<body>
<style> 
    .fbutton .add {
        background: url("/framework/flexigrid/css/images/add.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    }
    div.tDiv {
        background: url("/framework/flexigrid/css/images/bg.gif") repeat-x scroll center top #FAFAFA;
        border-color: #CCCCCC #CCCCCC -moz-use-text-color;
        padding:8px;
    }
    #img_add_1,.add,a{
        cursor: pointer;
    }

    .items{
        width:73%;
    }
    .tal{
        text-align: center;
    }

    .helpHide{
        display:none;
    }
    .closeImg{background:url('/quanliadmin/docroot/images/comm/category_icon.png') no-repeat -20px 0px; width:14px;height:14px;margin:8px 6px 0px 10px;cursor:pointer;}
    .openImg{background:url('/quanliadmin/docroot/images/comm/category_icon.png') no-repeat 0px 0px; width:14px;height:14px;margin:8px 6px 0px 10px;cursor:pointer;}
    
    .childImg{background:url("/quanliadmin/docroot/images/comm/category_icon.png") no-repeat 0px -18px;width:14px;height:14px;margin:0px 6px 0px 10px;}
    
    .point{background:url('/quanliadmin/docroot/images/comm/point.png') no-repeat 0px 0px; width:8px;height:14px;margin:8px 6px 0px 16px;}
    
     .childCategory{width:16px;height:16px;background-image:url(/quanliadmin/docroot/images/comm/ImageBundle.gif);background-repeat:no-repeat;background-position:0 -14px;margin-left:34px;cursor:pointer;}
    
    .editCategory{width:16px;height:16px;background-image:url(/quanliadmin/docroot/images/comm/ImageBundle.gif);background-repeat:no-repeat;background-position:0 -181px;margin-left:34px;cursor:pointer;}
    
    .delCategory{width:16px;height:16px;background-image:url(/quanliadmin/docroot/images/comm/ImageBundle.gif);background-repeat:no-repeat;background-position:0 -133px;margin-left:34px;cursor:pointer;}
</style>

<div class="container">

    
        <div class="comm_content">

            <div class="items2" id = "cate_table" style="margin:0px auto;width:1130px;border-top:0px;">
                <!--{if 1}-->
                <div class="tDiv">
                    <div class="tDiv2">
                        <div class="fbutton">
                            <div>
                                <span class="add" style="padding-left: 20px;" onclick = 'category.add("","")'>添加</span>
                            </div>
                        </div>
                    </div>
                    <div style="clear:both"></div>
                </div>
                <!--{/if}-->
                <table id="goods_table" class="s" style="width: 100%;margin: 0 auto 8px;">
                    <thead>
                    <tr>
                        <th style="padding: 0;">
                            区域名称
                        </th>
                        <th style="width: 20%;padding: 0;">区域类型</th>
                        <th style="width: 20%;padding: 0;">排序序号</th>
                        <!--{if $edit_permission}-->
                        <th style="width: 10%;padding: 0;">添加子级</th>
                        <th style="width: 10%;padding: 0;">修改</th>
                        <th style="width: 10%;padding: 0;">删除</th>
                        <!--{/if}-->
                    </tr>
                    </thead>

                    <tbody>
                    <!--{foreach from = $areaList item = value}-->

                    <tr id = 'cate<!--{$value.id}-->' >
                        <td style="text-align: left;">
                            <div id="tdone_b_<!--{$value.id}-->" style="float:left">
                                <!--{if $value.hasMid == 1}-->
                                <div id="img_add_1" onclick="category.add_cate(<!--{$value.id}-->,'')" class="left closeImg"></div>
                                <!--{else}-->
                                <div class="left point"></div>
                                <!--{/if}-->
                            </div>
                            <div style = "float:left" id = 'b_cell1_<!--{$value.id}-->'>
                                <!--{$value.name}-->
                            </div>

                        </td>
                        <td class="tal">
                            <div id="b_cell2_<!--{$value.id}-->">省</div>
                        </td>
                        <td class="tac">
                            <!--{$value.sortOrder}-->
                        </td>
                        <!--{if $edit_permission}-->
                        <td style="text-align: center;">
                            <div class="childCategory" onclick="category.addChild('b',<!--{$value.id}-->)" style="margin-left: 46px;"></div>
                        </td>
                        <td style="text-align: center;">
                            <div class="editCategory" onclick = "category.add('b',<!--{$value.id}-->)" style="margin-left: 46px;"></div>
                        </td>
                        <td style="text-align: center;">
                            <div class="delCategory" onclick = "category.catedelete('b',<!--{$value.id}-->)" style="margin-left: 46px;"></div>
                        </td>
                        <!--{/if}-->
                    </tr>

                    <!--{/foreach}-->
                    </tbody>
                </table>
            </div>
            <button type="button" class="btn btn-primary" style="padding-left: 12px; margin-left: 72px;" onclick = 'category.cache.create();'>刷新缓存</button>

        </div>


</div>

<script type="text/javascript">

var manID = 0;

var category = {

    cache: {

        create: function() {
            E.loadding.open('正在刷新缓存，请稍候...');
            E.ajax_get({
                url: '/invokingAjax-backend/system/areaManage.ajax?operFlg=7',
                data: {},
                call: 'category.cache.result'
            });
        },

        result: function( o ) {
            E.loadding.close();
            if (o.code == 200) {
                E.alert(o.message, 2);
            } else {
                E.alert(o.message);
            }
        }

    },

    //显示市
    add_cate: function(cate_id,mid){

        manID++;
        if(manID > 1){
            manID--;
            return ;
        }

        var cate = '#cate'; //分类ID前缀
        var url = "/invokingAjax-backend/system/areaManage.ajax?operFlg=1&xjx=none";
        var tdone = "#tdone_b_";
        if(mid != ''){
            cate = '#mcate'
            url = "/invokingAjax-backend/system/areaManage.ajax?operFlg=1&mid="+mid+"&xjx=none";
            tdone = "#tdone_m_";
        }

        E.loadding.open('正在加载，请稍候...');
        $.ajax({
            type: "POST",
            url: url,
            dataType: "JSON",
            data: {'cate_id':cate_id},
            success: function( result_obj ) {
                E.loadding.close();
                manID = 0;
                $(tdone+cate_id).html('<div id="img_add_1" onclick="category.remove_cate('+cate_id+',\''+mid+'\')" class="left openImg"></div>');
                $(result_obj.tr).insertAfter(cate+cate_id);
            }
        })
    },
    //添加 编辑省市区
    add: function(mark,editStr) {

        this.editStr = editStr;
        this.mark = mark;

        if(editStr){
            var url = '/invokingAjax-backend/system/areaManage.ajax?operFlg=4&mark='+mark+'&editStr='+editStr
        }else{
            var url =  '/invokingAjax-backend/system/areaManage.ajax?operFlg=4';
        }
        E.loadding.open('正在操作，请稍候...');
        E.ajax_post({
            url: url,
            //data: {},
            call: "category.result"
        });
    },

    result: function(o){
        E.loadding.close();

        var option = '<option value="-1">请选择</option>';

        if(o.emsg != 1){
            $.each(o,function(k,v){

                if(k != 'editData'){

                    if(o.editData != undefined && o.editData[0].parentID && o.editData[0].parentID == v.id){
                        option += '<option selected="selected" value="'+ v.id+'">'+v.name+'</option>';
                    }else{
                        option += '<option value="'+ v.id+'">'+v.name+'</option>';
                    }
                }
            });
        }

        var title = "区域修改";

        if(o.editData == undefined){
            title = "区域新增";
            this.addBox = 'add_big';
            this.editcate = 'b';
        }

        E.popup.open({
            id: 'areaAdd',
            title: title, //弹出标题，不传则默认为“提示信息”【可选】
            //content: h,    //显示内容（html代码），不传则默认为空【可选】
            btnName: "提交", //“确认”按钮，不传则不显示
            btnCall: "category.helpSubmit();" ,//点击“确认”按钮触发的函数/方法
            css:"width:700px"
        });

        if(o.editData != undefined){
            //给编辑大分类赋值
            if(o.editData[0].region_level == 1){

                $('#navigation').remove();
                $('#add_mid').remove();
                $('#add_small').remove();
                $('#province').val(o.editData[0].name);
                $('#sortOrder').val(o.editData[0].sortOrder);
            }

            //给中分类编辑赋值
            if(o.editData[0].region_level == 2){

                $('#navigation').remove();
                $('#add_big').remove();
                $('#add_small').remove();
                $('#add_mid').removeClass("helpHide");
                $('#m_provinceID').html(option);
                $('#city').val(o.editData[0].name);
                $('#m_sortOrder').val(o.editData[0].sortOrder);

            }
            //给小分类编辑赋值
            if(o.editData[0].region_level == 3){

                var mid_option='<option value="">请选择</option>';
                $.each(o.editData.midCate,function(k,v){
                    if(v.id == o.editData[0].parentID){
                        mid_option += '<option selected="selected" value="'+ v.id+'">'+v.name+'</option>';
                    }else{
                        mid_option += '<option value="'+ v.midCategoryID+'">'+v.name+'</option>';
                    }
                })

                var big_option = '<option value="-1">请选择</option>';

                $.each(o,function(k,v){

                    if(k != 'editData'){
                        if(v.id == o.editData.midCate[0].parentID){
                            big_option += '<option selected="selected" value="'+ v.id+'">'+v.name+'</option>';
                        }else{
                            big_option += '<option value="'+ v.id+'">'+v.name+'</option>';
                        }
                    }
                })

                $('#navigation').remove();
                $('#add_big').remove();
                $('#add_mid').remove();
                $('#add_small').removeClass("helpHide");
                $('#s_provinceID').html(big_option);
                $('#s_cityID').html(mid_option);
                $('#area').val(o.editData[0].name);
                $('#s_sortOrder').val(o.editData[0].sortOrder);

            }

        }

    },
    
    //添加子分类
    addChild : function(mark,editStr){
        E.loadding.open('正在操作，请稍候...');
        this.editStr = editStr;
        this.mark = mark;
        E.ajax_post({
            url: '/invokingAjax-backend/system/areaManage.ajax?operFlg=4&mark='+mark+'&editStr='+editStr,
            call: "category.addChildResult"
        });
    },
    
    addChildResult:function(o){
        E.loadding.close();
        var option = '<option value="-1">请选择</option>';
        var editStr =this.editStr;
        if(o.emsg != 1){
            $.each(o,function(k,v){
                if(k != 'editData'){

                    if(o.editData != undefined && editStr == v.id){
                        
                        option += '<option selected="selected" value="'+ v.id+'">'+v.name+'</option>';
                    }else{
                        option += '<option value="'+ v.id+'">'+v.name+'</option>';
                    }
                }
            });
        }
        var title = "添加子级";

        E.popup.open({
            id: 'areaAdd',
            title: title, //弹出标题，不传则默认为“提示信息”【可选】
            //content: h,    //显示内容（html代码），不传则默认为空【可选】
            btnName: "提交", //“确认”按钮，不传则不显示
            btnCall: "category.saveChild();" ,//点击“确认”按钮触发的函数/方法
            css:"width:700px"
        });
        if(o.editData != undefined){
            //给编辑大分类赋值
            if(o.editData[0].region_level == 1){

                $('#navigation').remove();
                $('#add_big').remove();
                $('#add_small').remove();
                $('#add_mid').removeClass("helpHide");
                $('#m_provinceID').html(option);
            }

            //给中分类编辑赋值
            if(o.editData[0].region_level == 2){

                var mid_option='<option value="">请选择</option>';
                $.each(o.editData.midCate,function(k,v){
                    if(v.id == editStr){
                        mid_option += '<option selected="selected" value="'+ v.id+'">'+v.name+'</option>';
                    }else{
                        mid_option += '<option value="'+ v.id+'">'+v.name+'</option>';
                    }
                })

                var big_option = '<option value="-1">请选择</option>';

                $.each(o,function(k,v){

                    if(k != 'editData'){
                        if(v.id == o.editData.midCate[0].parentID){
                            big_option += '<option selected="selected" value="'+ v.id+'">'+v.name+'</option>';
                        }else{
                            big_option += '<option value="'+ v.id+'">'+v.name+'</option>';
                        }
                    }
                })

                $('#navigation').remove();
                $('#add_big').remove();
                $('#add_mid').remove();
                $('#add_small').removeClass("helpHide");
                $('#s_provinceID').html(big_option);
                $('#s_cityID').html(mid_option);

            }

        }
    },
    saveChild:function(){
        var msg = '';
        
        this.editStr = '';

        if(this.mark == 'b'){
           if($('#m_provinceID').val() == '-1'){
                msg += '请选择省<br/>';
            }

            if(E.isEmpty($('#city').val())){
                msg += '市名称不能为空<br/>';
            }

            if(!E.isNum($('#m_sortOrder').val())){
                msg += '请填写正确排序序号<br/>';
            }

            this.dt = E.getFormValues('midForm');
            this.editcate = 'm';
        }

        if(this.mark == 'm'){

            if($('#s_provinceID').val() == '-1'){
                msg += '请选择省<br/>';
            }

            if(E.isEmpty($('#s_cityID').val())){
                msg += '请选择市<br/>';
            }

            if(E.isEmpty($('#area').val())){
                msg += '县区名称不能为空<br/>';
            }

            if(!E.isNum($('#s_sortOrder').val())){
                msg += '请填写正确排序序号<br/>';
            }

            this.dt = E.getFormValues('smaForm');
            this.editcate = 's';
        }

        if(msg != ''){
            E.alert(msg);
            return;
        }
        category.helpSave();
    },

    change: function(ythis,boxID){

        this.addBox = boxID;

        $(ythis).addClass('active').siblings().removeClass('active');

        $('#'+boxID.toString()).removeClass('helpHide').siblings().addClass('helpHide');

        E.ajax_post({
            url: '/invokingAjax-backend/system/areaManage.ajax?operFlg=4',
            data: this.dt,
            call: "category.getProvince"
        });

    },

    getProvince: function(o){

        var option='<option value="-1">请选择</option>';

        $.each(o,function(k,v){
            option += '<option value="'+ v.id+'">'+v.name+'</option>';
        });

        $('#m_provinceID').html(option);

        $('#s_provinceID').html(option);

    },

    helpSubmit: function(){
        var msg = '';

        //编辑提交
        if(this.editStr != ''){

            var editStr = this.editStr;

            if(this.mark == 'b'){
                if(E.isEmpty($('#province').val())){
                    msg += '省名称不能为空<br/>';
                }

                if(!E.isNum($('#sortOrder').val())){
                    msg += '请填写正确排序序号<br/>';
                }

                this.dt = E.getFormValues('bigForm');

                this.editcate = 'b';
            }

            if(this.mark == 'm'){

                if($('#m_provinceID').val() == '-1'){
                    msg += '请选择省<br/>';
                }

                if(E.isEmpty($('#city').val())){
                    msg += '市名称不能为空<br/>';
                }

                if(!E.isNum($('#m_sortOrder').val())){
                    msg += '请填写正确排序序号<br/>';
                }

                this.dt = E.getFormValues('midForm');
                this.editcate = 'm';
            }

            if(this.mark == 's'){
                if($('#s_provinceID').val() == '-1'){
                    msg += '请选择省<br/>';
                }

                if(E.isEmpty($('#s_cityID').val())){
                    msg += '请选择市<br/>';
                }

                if(E.isEmpty($('#area').val())){
                    msg += '县区名称不能为空<br/>';
                }

                if(!E.isNum($('#s_sortOrder').val())){
                    msg += '请填写正确排序序号<br/>';
                }

                this.dt = E.getFormValues('smaForm');
                this.editcate = 's';
            }

            if(msg != ''){
                E.alert(msg);
                return;
            }

        }else{

            if(this.addBox == 'add_big'){
                if(E.isEmpty($('#province').val())){
                    msg += '省名称不能为空<br/>';
                }
                if(!E.isNum($('#sortOrder').val())){
                    msg += '请填写正确排序序号<br/>';
                }

                this.dt = E.getFormValues('bigForm');

                this.editcate = 'b';
            }

            if(this.addBox == 'add_mid'){

                if($('#m_provinceID').val() == '-1'){
                    msg += '请选择省<br/>';
                }

                if(E.isEmpty($('#city').val())){
                    msg += '市名称不能为空<br/>';
                }

                if(!E.isNum($('#m_sortOrder').val())){
                    msg += '请填写正确排序序号<br/>';
                }

                this.dt = E.getFormValues('midForm');
                this.editcate = 'm';
            }

            if(this.addBox == 'add_small'){
                if($('#s_provinceID').val() == '-1'){
                    msg += '请选择省<br/>';
                }

                if(E.isEmpty($('#s_cityID').val())){
                    msg += '请选择市<br/>';
                }

                if(E.isEmpty($('#area').val())){
                    msg += '县/区名称不能为空<br/>';
                }

                if(!E.isNum($('#s_sortOrder').val())){
                    msg += '请填写正确排序序号<br/>';
                }

                this.dt = E.getFormValues('smaForm');
                this.editcate = 's';
            }

            if(msg != ''){
                E.alert(msg);
                return;
            }

        }

        category.helpSave();
    },

    helpSave: function(){

        E.loadding.open();

        E.ajax_post({
            url: '/invokingAjax-backend/system/areaManage.ajax?operFlg=6&editStr='+this.editStr+'&editcate='+this.editcate,
            data: this.dt,
            call: "category.saveResult"
        });

    },

    saveResult: function(o){

        if(o.code == 200){

            if(this.editStr){

                if(this.mark == 'b'){

                    $('#b_cell1_'+this.editStr).text(this.dt.province);
                    $('#cate'+this.editStr+' td:eq(2)').text(this.dt.sortOrder);

                }
                if(this.mark == 'm'){

                    $('#m_cell1_'+this.editStr).text(this.dt.city);
                    $('#mcate'+this.editStr+' td:eq(2)').text(this.dt.m_sortOrder);

                }
                if(this.mark == 's'){

                    $('#s_cell1_'+this.editStr).text(this.dt.area);
                    $('#scate'+this.editStr+' td:eq(2)').text(this.dt.s_sortOrder);

                }

                E.popup.close();
                this.editStr = '';
            }

            if(this.addBox == 'add_big'){
                $('#province').val('');
                $('#sortOrder').val(o.insert_id);
            }

            if(this.addBox == 'add_mid'){
                $('#m_provinceID').val('');
                $('#city').val('');
                $('#m_sortOrder').val(o.insert_id);
            }

            if(this.addBox == 'add_small'){
                $('#s_provinceID').val('');
                $('#s_cityID').val('');
                $('#area').val('');
                $('#s_sortOrder').val(o.insert_id);
            }
            E.alert(o.message,2);

        }else{
            E.alert(o.message);
        }

        E.loadding.close();

    },


    //隐藏分类
    remove_cate: function(cate_id,mid){
        $.ajax({
            type: "POST",
            url: "/invokingAjax-backend/system/areaManage.ajax?operFlg=2&mid="+mid+"&xjx=none",
            dataType: "JSON",
            data: {'cate_id':cate_id},
            success: function( result_obj ) {

                $(result_obj.idArr).each(function(i,n){
                    $('#mcate'+n).remove();
                    $('#scate'+n).remove();
                });

                if(mid){
                    $('#tdone_m_'+cate_id).html('<div id="img_add_1" onclick="category.add_cate('+cate_id+',\''+mid+'\')" class="left closeImg"></div>');
                }else{
                    $('#tdone_b_'+cate_id).html('<div id="img_add_1" onclick="category.add_cate('+cate_id+',\''+mid+'\')" class="left closeImg"></div>');
                }
            }
        })
    },
    //编辑分类
    cateedit: function(categoryID){
        E.open('/quanliadmin/app/goods/goodsCate.pscript?operFlg=3&categoryID='+categoryID);
    },
    edit_show: function(){

    },
    cStr : '' ,
    uFlg : '' ,
    //删除分类
    catedelete: function(markType,delete_str){
        this.delete_str = delete_str;
        this.markType = markType;
        E.confirm("您确认要删除选中的区域分类吗？", "category.deleteConfirm");
    },
    deleteConfirm: function(){
        $.ajax({
            type: "POST",
            url: "/invokingAjax-backend/system/areaManage.ajax?operFlg=3&markType="+this.markType+"&delete_str=" + this.delete_str,
            dataType: "JSON",
            success: function( result_obj ) {
                if (result_obj.code == 200) {
                    E.alert(result_obj.message, 2);

                    $(result_obj.midArr).each(function(i,n){
                        $('#cate'+n).remove();
                        $('#mcate'+n).remove();
                        $('#scate'+n).remove();
                    })

                } else {
                    E.alert(result_obj.message);
                }
            }
        });
    },

    getMidCategory: function(){

        var id = $('#s_provinceID').val();
        E.ajax_post({
            url: '/invokingAjax-backend/system/areaManage.ajax?operFlg=5&id='+id,
            call: "category.midResult"
        });
    },

    midResult: function(o){


        if(o == null){
            var option='<option value="">请选择</option>';
        }else{
            var option='<option value="">请选择</option>';
            $.each(o,function(k,v){
                option += '<option value="'+ v.id+'">'+v.name+'</option>';
            });
        }

        $('#s_cityID').html(option);
    }

}

</script>


<!--HTML OPEN-->
<div style="display:none">
    //区域添加
    <div id="areaAdd" style="display:none">
        <div class="navigation" id="navigation" style="margin-bottom: 13px;">
            <ul class="nav nav-tabs">
              <li class="active" onclick="category.change(this,'add_big');"><a href="#">省添加</a></li>
              <li onclick="category.change(this,'add_mid');"><a href="#">市添加</a></li>
              <li onclick="category.change(this,'add_small');"><a href="#">县/区添加</a></li>
            </ul>
        </div>
        <div id="select-content">
            <div id="add_big">
                <form id="bigForm" class="form-horizontal" role="form" onsubmit="return false;">
                  <div class="form-group">
                      <label for="province" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;省名称：</label>
                      <div class="col-sm-10">
                     <input type="text" class="form-control" id="province" name="province" placeholder="请输入省名称" style="width: 350px"/>
                    </div>
                  </div>
                    <div class="form-group">
                      <label for="sortOrder" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;排序序号：</label>
                      <div class="col-sm-10">
                     <input type="text" class="form-control" id="sortOrder" name="sortOrder" placeholder="请输入排序序号" style="width: 350px"/>
                    </div>
                  </div>
                </form>
            </div>
            <div id="add_mid" class="helpHide">
                <form id="midForm" class="form-horizontal" role="form" onsubmit="return false;">
                   <div class="form-group">
                      <label for="m_provinceID" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;省：</label>
                      <div class="col-sm-10">
                     <select class="form-control" id="m_provinceID" name="m_provinceID" style="width: 350px">
                          <option value="0">请选择</option>
                      </select>
                    </div>
                  </div>
                  <div class="form-group">
                      <label for="city" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;市名称：</label>
                      <div class="col-sm-10">
                     <input type="text" class="form-control" id="city" name="city" placeholder="请输入市名称" style="width: 350px"/>
                    </div>
                  </div>
                   <div class="form-group">
                      <label for="m_sortOrder" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;排序序号：</label>
                      <div class="col-sm-10">
                     <input type="text" class="form-control" id="m_sortOrder" name="m_sortOrder" placeholder="请输入排序序号" style="width: 350px"/>
                    </div>
                  </div>
                </form>
            </div>
            <div id="add_small" class="helpHide">
                <form id="smaForm" class="form-horizontal" role="form" onsubmit="return false;">
                   <div class="form-group">
                      <label for="s_provinceID" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;省：</label>
                      <div class="col-sm-10">
                     <select class="form-control" onchange="category.getMidCategory();" id="s_provinceID" name="s_provinceID" style="width: 350px">
                          <option value="-1">请选择</option>
                      </select>
                    </div>
                  </div>
                  <div class="form-group">
                      <label for="s_cityID" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;市：</label>
                      <div class="col-sm-10">
                     <select class="form-control" id="s_cityID" name="s_cityID" style="width: 350px">
                          <option value="">请选择</option>
                      </select>
                    </div>
                  </div>
                  <div class="form-group">
                      <label for="area" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;县/区名称：</label>
                      <div class="col-sm-10">
                     <input type="text" class="form-control" id="area" name="area" placeholder="请输入县/区名称" style="width: 350px"/>
                    </div>
                  </div>
                   <div class="form-group">
                      <label for="s_sortOrder" class="col-sm-2 control-label"><span style="color:red;">*</span>&nbsp;排序序号：</label>
                      <div class="col-sm-10">
                     <input type="text" class="form-control" id="s_sortOrder" name="s_sortOrder" placeholder="请输入排序序号" style="width: 350px"/>
                    </div>
                  </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--END HTML OPEN-->
</body>

</html>
